

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>快乐人</title>
<meta content="width=640, target-densitydpi=320, user-scalable=no" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta content="telephone=no" name="format-detection" />
<link rel="stylesheet" type="text/css" href="../css/base.css">
<style type="text/css">
html,body{background:#fff;}
.top-banner{height:695px;background:-webkit-gradient(linear, 50% 0%, 50% 100%, from(#20b6ff), to(#fff));padding-top:50px;}
.top-banner,#content{width:100%;}
.top-banner-cont img{display:block;margin:0 auto;}

#content{padding-bottom:28px;}
   
.btn-content,.list{display:-webkit-box;width:500px;margin:30px auto 0;}
.btn-content{width:556px;}
.btn-content a{position:relative;display:block;width:250px;height:100px;line-height:100px;-webkit-border-radius:5px;border-radius:5px;color:#fff;font-size:14px;text-align:center;}
.btn-content a i{position:absolute;left:14px;top:11px;width:222px;height:78px;background:url(../images/app_down_btn.png) no-repeat;}
.btn-content .btn-ios{background-color:#3399ff;}
.btn-content .btn-ios i{background-position:0 0;}
.btn-content .btn-ios:hover{background-color:#1e62ae;}
.btn-content .btn-ios:hover i{background-position:0 -80px;}
.btn-content .btn-android{margin-left:56px;background-color:#6ac60d;}
.btn-content .btn-android i{background-position:-225px 0;}
.btn-content .btn-android:hover{background-color:#3e980e;}
.btn-content .btn-android:hover i{background-position:-225px -80px;}

.content-footer{margin-top:20px;text-align:center;font-size:16px;color:#333;}
.content-footer a{color:#ff6600;}
.fn18-h34{line-height:34px;font-size:18px;}

.fn-c-4d6e8f{color:#4d6e8f;}
</style>

</head>

<body>
<div id="wrap">
	<header class="top-banner">
		<div class="top-banner-cont"><img src="../images/app_down_bg.png" ></div>
	</header>
	<section id="content">
        <div class="btn">
            <div class="btn-content">
                <a class="btn-ios" href="itms-services://?action=download-manifest&url=https://test-hrms.pa18.com:9444/mobile/zpa/pa_zpa.plist"><i></i>苹果用户免费下载（iPhone）</a>
                <a class="btn-android" href="https://test-hrms.pa18.com:9444/mobile/zpa/atpa.apk"><i></i>安卓用户免费下载（Android）</a>
            </div>
        </div>
        <p style="font-size:24px;color:#666;margin-top:20px;text-align:center">安卓用户可以选择在浏览器中打开下载</p>
        <div class="content-footer">
            <p>快乐人热线：<a href="tel:075522627757">0755-22627757</a></p>
            <p>邮箱：集团HR移动应用项目组（<span class="fn-c-4d6e8f">dept_jthrydyyxmz@pingan.com.cn）</span></p>
            <p class="fn18-h34">集团人力资源中心出品</p>
        </div>
	</section>	
</div>
</body>
</html>
